<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./font_2736025_0awequdjrn9l/iconfont.css">
    <link rel="stylesheet" href="./css/indexpc.css">
    <link rel="stylesheet" href="./css/shopping.css">
</head>
<body>
    <div class="one-wai">
        <div class="one xin">
            <div class="one-a">
                <a href="./yangmatou.html">Hi，欢迎来到洋码头！</a>
                <a href="" target="_blank">我是买手</a>
            </div>
            <div class="one-b">
                <a href="">不候时光 <i class="iconfont">&#xe604;</i></a>
                <a href="">购物车</a>
                <a href="./bowl.html">我的订单</a>
                <a href="">购物中心</a>
                <a href="">规则&公告</a>
            </div>
        </div>
    </div>
    <div class="two xin">
        <a href="" class="two-a"></a>
        <span class="two-b">购物车</span>
        <div class="two-c">
            <div class="two-c-a hong">
                <span class="two-c-span hong-span">1</span> 我的购物车
            </div>
            <div class="two-c-b">
                <span class="two-c-span">2</span> 提交订单
            </div>
            <div class="two-c-c">
                <span class="two-c-span">3</span> 选择支付方式
            </div>
        </div>
    </div>
    <div class="three xin">
        <div class="three-a">
            <span>全部商品 2</span>
        </div>
        <p class="three-b"> 
            海外买手会根据现行国家政策要求，通过不同的物流方式分别发货，其实对你没有影响啦~
        </p>
        <div class="three-c">
            <!-- &nbsp;&nbsp;<input type="checkbox" id="quanxuanaa">
            &nbsp;&nbsp;<label for="quanxuan">全选</label> -->
            <span class="three-c-h">
                商品
            </span>
            <span class="three-c-a">商品信息</span>
            <span class="three-c-b">单价(元)</span>
            <span class="three-c-c">数量</span>
            <span class="three-c-d">金额(元)</span>
            <span class="three-c-e">操作</span>
        </div>
    </div>
    <!-- <div class="four xin">
        &nbsp;&nbsp;<input type="checkbox" name="quanxuan-a">
        &nbsp;&nbsp;<label for="quanxuan-a" class="four-a"><a href="">
            <img src="https://pic1.ymatou.com/G02/M03/C4/28/CgvUA1kBdiOAAB-OAAFIPn7q4Ec633_1_1_m.jpg" class="quanxuan-a-a" alt=""> Thailand_fashion
        </a></label>
        <a href="" class="four-a">
            <img src="https://img.ymatou.com/app/flag/circle/Thailand.png" class="quanxuan-a-a"  alt=""> 
            泰国
        </a>
        <a href="">
            <img src="./images/xiaoxi.png"  class="four-b" alt="">
        </a>
        <a href="">
            <img src="./images/youhuiquan.png"  class="four-c"  class="four-c" alt="">
        </a>
    </div> -->
    <div class="sssaa">
        <div class="five xin">
        </div>
    </div>
    <div class="six xin">
            <span class="six-a">
                &nbsp;&nbsp;<input type="checkbox" id="quanxuan">
            &nbsp;&nbsp;<label for="quanxuan">全选</label>
            </span>
                <input type="button" class="six-b" value="删除选中" id="delFlag">
            <div class="six-c">
                <span>已选 <span class="six-c-a" id="allNum">0</span> 件商品,总价<span class="six-c-b">￥<span class="six-c-b" id="allPrice">0.00</span></span></span>
                <div class="six-c-c">
                    结算
                </div>
            </div>
    </div>
    <div class="sevenssss xin">
        <a href="" class="sevenssss-a">
            <i class="iconfont">&#xe652;</i> &nbsp;猜你喜欢
        </a>
    </div>
    <div class="eight xin"></div>
    <!-- <div class="eight-a"><a href=""><img src="http://pic1.ymatou.com/G02/shangou/M00/92/DD/CgzUC11Q3paAMrKqAALYbVscUeI763_104_125_n_w_lb.jpg" class="eight-b" alt=""></a><a href="" class="eight-c">德国原装Balea芭乐雅玻尿酸紧致提拉保湿浓缩精华7ml安瓶保湿补水</a><p class="eight-d">￥39.00</p></div> -->
    <div class="seven-wai">

    </div>



    <div class="ce">
        <a href="">
            <div class="ce-a">
                <i class="iconfont">&#xe6c2;</i>
            </div>
        </a>
        <a href="">
            <div class="ce-b">
                <i class="iconfont">&#xe697;</i>
                <p class="ce-b-a">
                    购<br>
                    物<br>
                    车
                </p>
            </div>
        </a>
        <a href="">
            <div class="ce-c">
                <i class="iconfont">&#xe623;</i>
                <div class="ce-c-a">
                    <img src="https://pic1.ymatou.com/G02/M02/FB/5C/CgvUBFht9-CADvH8AAAW6VtgvkI439_62_63_w_o.png" alt="">
                    <br>
                    <span>
                        下载APP领取<br>
                        260元新人礼包
                    </span>
                </div>
            </div>
        </a>
        <a href="">
            <div class="ce-d">
                <i class="iconfont">&#xe6dd;</i>
                <p>TOP</p>
            </div>
        </a>
    </div>
    
</body>
<!-- <script src="./js/shopping.js"></script> -->

<script src="./data/require.js" data-main="./js/cart"></script>
<script>
    const eight = document.querySelector(".eight")
    // console.log(eight)
    var str = "";
    for(var i = 0;i < 30;i++){
        
        str += '<div class="eight-a"><a href=""><img src="http://pic1.ymatou.com/G02/shangou/M00/92/DD/CgzUC11Q3paAMrKqAALYbVscUeI763_104_125_n_w_lb.jpg" class="eight-b" alt=""></a><a href="" class="eight-c">德国原装Balea芭乐雅玻尿酸紧致提拉保湿浓缩精华7ml安瓶保湿补水</a><p class="eight-d">￥39.00</p></div>';
    }
    // console.log(str)
    eight.innerHTML += str;


    const nine = document.querySelector(".seven-wai");
    // console.log(nine);
    nine.innerHTML = `<div class="seven xin">
            <a href="">
                <img src="./images/3.png" class="seven-a" alt="">
            </a>
            <div class="seven-b">
                <div class="seven-b-a">
                    <p class="seven-b-a-a">
                        购物指南
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                </div>
                <div class="seven-b-a">
                    <p class="seven-b-a-a">
                        购物指南
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                </div>
                <div class="seven-b-a">
                    <p class="seven-b-a-a">
                        购物指南
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                </div>
                <div class="seven-b-a">
                    <p class="seven-b-a-a">
                        购物指南
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                    <p class="seven-b-a-b">
                        <a href="">注册与登录</a>
                    </p>
                </div>
                <div class="seven-b-b">
                    <p class="seven-b-a-a">
                        官方微信
                    </p>
                    <div class="seven-b-b-b">
                        <img src="https://static.ymatou.com/content/images/weixin2d-new.png" alt="">
                    </div>
                    <a href="" class="seven-b-b-c">
                        关注微博
                        <span class="seven-b-b-c-a"></span>
                    </a>
                </div>
            </div>
            <div class="seven-two">
                <a href="">
                    关于码头
                </a>
                <a href="">
                    关于码头
                </a>
                <a href="">
                    关于码头
                </a>
                <a href="">
                    关于码头
                </a>
                <a href="">
                    关于码头
                </a>
                <a href="">
                    关于码头
                </a>
                <a href="" class="seven-two-a">
                    关于码头
                </a>
            </div>
            <div class="seven-three">
                <a href="" class="seven-three-a">
                    55bbs我爱购物网
                </a>
                <a href="" class="seven-three-a">
                    笆篱网
                </a>
                <a href="" class="seven-three-a">
                    仙逆
                </a>
                <a href="" class="seven-three-a">
                    笆篱网
                </a>
                <a href="" class="seven-three-a">
                    仙逆
                </a>
                <a href="" class="seven-three-a">
                    笆篱网
                </a>
                <a href="" class="seven-three-a">
                    莽荒纪
                </a>
                <a href="" class="seven-three-a">
                    笆篱网
                </a>
                <a href="" class="seven-three-a">
                    莽荒纪
                </a>
                <a href="" class="seven-three-a">
                    笆篱网
                </a>
                <a href="" class="seven-three-a">
                    莽荒纪
                </a>
                <a href="" class="seven-three-a">
                    笆篱网
                </a>
                <a href="" class="seven-three-a">
                    莽荒纪
                </a>
                <a href="" class="seven-three-a">
                    笆篱网
                </a>
                <a href="" class="seven-three-a">
                    起点中文网
                </a>
                <a href="" class="seven-three-a">
                    笆篱网
                </a>
                <a href="" class="seven-three-a">
                    起点中文网
                </a>
                <a href="" class="seven-three-a">
                    笆篱网
                </a>
                <a href="" class="seven-three-a">
                    起点中文网
                </a>
                <a href="" class="seven-three-a">
                    笆篱网
                </a>
                <a href="" class="seven-three-a">
                    起点中文网
                </a>
                <a href="" class="seven-three-a">
                    笆篱网
                </a>
                <a href="" class="seven-three-a">
                    起点中文网
                </a>
                <a href="" class="seven-three-a">
                    笆篱网
                </a>
                <a href="" class="seven-three-a">
                    起点中文网
                </a>
                <a href="" class="seven-three-a" id="seven-three-a-a">
                    更多 》
                </a>
            </div>
            <div class="seven-four">
                <a href="" class="seven-four-a">
                    <img src="./images/4.png" alt="">
                </a>
                <a href="" class="seven-four-a">
                    <img src="./images/5.png" alt="">
                </a>
                <a href="" class="seven-four-a">
                    <img src="./images/6.png" alt="">
                </a>
                <a href="" class="seven-four-a">
                    <img src="./images/7.png" alt="">
                </a>
            </div>
            <div class="seven-five">
                    <p class="seven-five-a">
                        © 2009－2020 ymatou.com, All rights reserved 增值电信业务经营许可证：合字B2-20200181 
                    </p>
                <a href="">
                    <p class="seven-five-a seven-five-b">
                        上海洋码头网络技术有限公司 版权所有 备案号（ 沪ICP备11050082号-7 ）
                    </p>
                    <p class="seven-five-a seven-five-b">
                        上海市静安区江场三路93号12层 
                    </p>
                </a>
            </div>
            <div class="seven-six">
                <span class="seven-six-a">
                    <a href="" class="seven-six-b">
                        沪公网安备 31010802001410号
                    </a>
                </span>
                <span class="seven-six-c">|</span>
                <span class="seven-six-a">
                    违法不良信息举报电话：021-80185223
                </span>
                <span class="seven-six-c">|</span>
                <span class="seven-six-a">
                    <a href="" class="seven-six-b">
                        上海市互联网举报中心
                    </a>
                </span>
                <span class="seven-six-c">|</span>
                <span class="seven-six-a">
                    <a href="" class="seven-six-b">
                        网上有害信息举报专区
                    </a>
                </span>
                <span class="seven-six-c">|</span>
                <span class="seven-six-a">
                    <a href="" class="seven-six-b">
                        平台资质
                    </a>
                </span>
                <span class="seven-six-c">|</span>
                <span class="seven-six-a">
                    <a href="" class="seven-six-b">
                        平台声明
                    </a>
                </span>
            </div>
        </div>`
    
</script>
</html>